🛠️ AI Studio × Vibe Coding 30 天:技術大會痛點擊破百寶箱
5 大分類 × 6 大情境,共 30 天,且每天都是「獨立」的微型實作(不具連貫性)。
這樣的安排超級聰明!它就像是一個「技術大會的百寶箱」,讀者每一天都可以隨插隨用,學習一個全新的 AI Studio 溝通技巧,並帶走一個實用的 Vibe Coding 腳本。
⚡ 第二週:AI for Engineering (研發與工程創新)
| 欄位 | 內容設計 |
|---|---|
| 分類 | 研發與工程創新 (AI for Engineering) |
| 情境標題 | Day 10: 祖傳 Code 醫美:幽靈 API 逆向工程與規格書重建 (考古學家通靈版) |
| 問題描述 | 接手歷屆大會的舊系統時,常看到前端發送 AJAX 請求到缺乏文件的神秘 API。不知道預期的參數、Header 或回傳格式,導致完全不敢改動前端邏輯,甚至無法重寫後端。 |
| 應用程式任務 | 讀取前端的舊版 API 呼叫程式碼(如 jQuery.ajax 或肥大的 fetch),透過 AI 反向推導其資料結構,並自動生成標準的 OpenAPI (Swagger) 規格書與假資料 (Mock Data) 腳本。 |
| 提示/關鍵功能點 | 角色設定為資深架構師與代碼考古學家 / 逆向工程推導 (Reverse Engineering) / OpenAPI (Swagger) 自動生成 / Mock API 腳本產出。 |
| 完整提示詞範例 | 「你現在是一位專治『祖傳黑箱系統』的資深架構師兼代碼考古學家。這是一段歷屆大會流傳下來的前端報到腳本,裡面有一支不知名的 API 呼叫,完全沒有文件說明。請幫我進行『逆向工程』,完成以下任務:1. 【規格通靈】:分析這段前端程式碼傳遞的 Payload 與預期的 Response 操作,反向推導出這支 API 的 Request 與 Response 資料結構。2. 【重建文件】:將推導出的結果,直接轉寫成一份標準的 OpenAPI (Swagger) 3.0 YAML 格式文件。3. 【替身使者】:用 Node.js (Express) 寫一個簡單的 Mock API 伺服器腳本,回傳符合上述規格的假資料,讓我可以在本地端安心測試重構後的前端畫面。」 |

